<template>
  <div>
    <div class="login_box">
      <div class="frontlogin_img">
        <img src="../assets/login-1.jpg" />
      </div>
      <div class='loginsmall_box'>
        <form action="#" onSubmit="" class="kawhi">
          <div class="loginipt_box">
            <label for="userName">用户名：<span class="glyphicon glyphicon-user"></span></label>
            <input type="text" id="userName" class="userName" v-model="usermes.name" readonly>
          </div>
          <div class="loginipt_box">
            <label for="userName">手机号码：<span class="glyphicon glyphicon-earphone"></span></label>
            <input type="text" id="usertel" class="userName" v-model="usermes.tel" readonly>
          </div>
          <div class="loginipt_box">
            <label for="userName">性别：<span class="glyphicon glyphicon-knight"></span></label>
            <input type="text" id="usersex" class="userName" v-model="usermes.sex">
          </div>
          <div class="loginipt_box">
          <label for="userName">年龄：<span class="glyphicon glyphicon-dashboard"></span></label>
          <input type="text" id="useage" class="userName" v-model="usermes.age">
        </div>
          <div class="loginipt_box">
            <label for="userName">个人介绍：<span class="glyphicon glyphicon-menu-right"></span></label>
            <input type="text" id="userintroduce" class="userName" v-model="usermes.introduce">
          </div>
          <div>
            <input type="button"  value="修改" class="resetBtn" @click="openUpadta"/>
            <input type="button" class="resBtn" value="提交" @click="submitUpadta">
          </div>
        </form>
      </div>
    </div>
  </div>
</template>
<script src="../js/user.js"></script>

<style scoped>
  @import "../css/frontres.css";
</style>
